<template>
	<view class="pad-10">
		<view class="department-body">
			<!-- 科室信息 -->
			<view class="department-title">{{data.name}}</view>
			<view>
				<view class="flex-start pad-10">
					<view class="mar-0-5">
						<image class="img-department" src="/static/images/department/dingwei.png"></image>
					</view>
					<view>科室位置：</view>
					<view class="flex-1">{{data.address}}</view>
				</view>
				<view class="flex-start pad-10">
					<view class="mar-0-5">
						<image class="img-department" src="/static/images/department/phone.png"></image>
					</view>
					<view>科室电话：</view>
					<view class="flex-1">{{data.phone}}</view>
				</view>
				<view class="flex-start pad-10">
					<view class="mar-0-5">
						<image class="img-department" src="/static/images/department/tese.png"></image>
					</view>
					<view>科室特色：</view>
					<view class="flex-1">{{data.highLight}}</view>
				</view>
			</view>
			<view class="pad-10">
				<view class="department-info">科室介绍</view>
				<u-parse :html="data.describe"></u-parse>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: {},
			}
		},
		onLoad(opt) {
			this.data = JSON.parse(opt.info)
			console.log(JSON.parse(opt.info));
		},
		methods: {

		}
	}
</script>

<style scoped>
	.department-body {
		background-color: white;
		border-radius: 10px;
	}

	.department-title {
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		padding: 10px 0;
	}



	.img-department {
		width: 20px;
		height: 20px;
	}

	.department-info {
		padding: 0 10px;
		border-left: 3px solid blue;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
</style>